.page-box {
    padding: 24rpx 24rpx 30rpx 24rpx;
    background: linear-gradient(1turn, hsla(0, 0%, 95.7%, 0.27), #c2d8ff);
    background-repeat: no-repeat;
    .title {
        color: #000;
        font-size: 32rpx;
        font-weight: bold;
    }
    .tip {
        margin-top: 24rpx;
        .t1 {
            font-size: 24rpx;
            color: #595757;
        }
        .t2 {
            font-size: 24rpx;
            color: #ffb400;
            margin-left: 2rpx;
        }
    }
    .upload-box {
        width: 100%;
        margin-top: 24rpx;
        .box {
            width: 100%;
            flex-wrap: wrap;
            .wrap {
                width: 312rpx;
                border-radius: 10rpx;
                background: #e7efff;
                overflow: hidden;
                position: relative;
                margin-bottom: 24rpx;
                image {
                    position: relative;
                    width: 234rpx;
                    height: 200rpx;
                    z-index: 1;
                }
                video {
                    position: relative;
                    width: 234rpx;
                    height: 200rpx;
                    z-index: 1;
                }
                .noFile {
                    position: relative;
                    width: 234rpx;
                    height: 200rpx;
                    z-index: 1;
                    color: #595757;
                    font-size: 26rpx;
                }
                .delete {
                    position: absolute;
                    right: 32rpx;
                    top: 3rpx;
                    width: 30rpx;
                    height: 30rpx;
                    border-radius: 50%;
                    background-color: #bb3434;
                    z-index: 999;
                    .iconfont {
                        font-size: 20rpx;
                        color: #ffffff;
                    }
                }
                .icon-a-juxing3 {
                    width: 234rpx;
                    height: 200rpx;
                    font-size: 100rpx;
                    color: #d8d8d8;
                }
                .txt {
                    width: 100%;
                    height: 58rpx;
                    font-size: 26rpx;
                    color: #ffffff;
                    background: #566aff;
                    border-radius: 0 0 10rpx 10rpx;
                    opacity: 0.8;
                }
            }
        }
    }
    .btn {
        margin-top: 24rpx;
        height: 100rpx;
        background-color: #566aff;
        color: #fff;
        border-radius: 20rpx;
        font-size: 36rpx;
        letter-spacing: 8rpx;
        &.l_disabled {
            opacity: 0.6;
        }
    }
    .from-box {
        margin-top: 24rpx;
        padding: 30rpx 24rpx 45rpx 24rpx;
        background: linear-gradient(180deg, #f0f6ff 0%, #ffffff 100%);
        border-radius: 10rpx;
        .input-box {
            margin-bottom: 20rpx;
            .label {
                font-size: 26rpx;
                color: #484b59;
                margin-bottom: 16rpx;
                .tt {
                    font-size: 24rpx;
                    color: #999;
                }
                &.required:before {
                    color: red;
                    content: '*';
                }
            }
            .iconfont {
                font-size: 36rpx;
                color: #999;
                margin-right: 26rpx;
            }
            .uni-input {
                height: 70rpx;
                background: #f5f5f7;
                border-radius: 10rpx;
                padding-left: 14rpx;
                font-size: 26rpx;
            }
            .choice {
                width: calc(100% - 20rpx);
                font-size: 26rpx;
                height: 70rpx;
                background: #f5f5f7;
                padding-left: 14rpx;
                .uni-text {
                    font-size: 26rpx;
                }
            }
        }
        .upload-box {
            .title {
                height: 60rpx;
                .tt-l {
                    font-size: 24rpx;
                    color: #6e767a;
                }
                .tt-r {
                    font-size: 24rpx;
                    color: #404547;
                }
            }
            .upload-list {
                flex-wrap: wrap;
                .default {
                    width: 144rpx;
                    height: 144rpx;
                    background-color: #f1f4f6;
                    border: 1rpx solid #e6edf0;
                    .iconfont {
                        font-size: 48rpx;
                        color: #d8d8d8;
                    }
                }
                .pic-box {
                    position: relative;
                    flex: 0 0 23%;
                    margin-right: 10rpx;
                    margin-bottom: 10rpx;
                    &:nth-of-type(4n) {
                        margin-right: 0;
                    }
                    image {
                        width: 144rpx;
                        height: 144rpx;
                    }
                    .delete {
                        position: absolute;
                        right: 10rpx;
                        top: -13rpx;
                        width: 30rpx;
                        height: 30rpx;
                        border-radius: 50%;
                        background-color: #bb3434;
                        z-index: 999;
                        .iconfont {
                            font-size: 20rpx;
                            color: #ffffff;
                        }
                    }
                }
            }
        }
    }
}
